<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>캠핑예약화면</title>
<link href="./base.css" rel="stylesheet">
<style type="text/css">

</style>
</head>
<body>
	<div id="container">
		<div id="header">
			<div id="header_img">
				<div><img src="./camping_logo.jpg">
					<img src="./key.gif" class="fr">
				</div>
				<div id="topMenuLogo">
					<img alt="" src="./campinglogo.gif" class="fr">
				</div>
			</div>
			
			
			<div id="topMenuList">
				<div class="fl">
					<img alt="" src="./reservation_img.jpg" style="margin-bottom: 0px;">
				</div>
				<div class="fr topLeftMenu">
					<ul>
						<li><a href=""><img alt="" src="./img/menu_down_1.jpg"> </a></li>
						<li><a href=""><img alt="" src="./img/menu_down_2.jpg"></a></li>
						<li><a href=""><img alt="" src="./img/menu_down_3.jpg"></a></li>
						<li><a href=""><img alt="" src="./img/menu_down_4.jpg"></a></li>
					</ul>
				</div>
			</div>
			<div id="line">
				
			</div>
		</div>
		<div id="body">
		
			<table width="100%" border="0" cellspacing="0" cellpadding="0">
				<tr>
					<td><div class="recBlue">&nbsp;</div><strong> 사이트 선택</strong></td>
				</tr>
				<tr>
					<td height="5"></td>
				</tr>
				<tr>
					<td>
						<!-- 예약객실 목록 -->
						
						<table width="100%" border="0" cellspacing="4" cellpadding="1"
							bgcolor="#edecec">
							<tr>
								<td bgcolor="#FFFFFF"><table width="100%" border="0"
										cellspacing="0" cellpadding="0">
										<tr align="center">
											<td width="10%" height="35" bgcolor="#fc636a"><table
													border="0" cellspacing="0" cellpadding="0">
													<tr>
														<td align="center" class="whiteb2">객실명</td>
													</tr>
												</table></td>
											<td width="14%" bgcolor="#fc636a" class="borderlw"><table
													width="100%" border="0" cellspacing="0" cellpadding="0">
													<tr align="center">
														<td height="18" class="whiteb2">이용일자</td>
													</tr>
													<tr>
														<td height="1" bgcolor="#FFFFFF"></td>
													</tr>
													<tr align="center">
														<td height="16" class="whiteb2">예약일자</td>
													</tr>
												</table></td>
											<td width="9%" bgcolor="#fc636a" class="borderlw"><table
													border="0" cellspacing="0" cellpadding="0">
													<tr>
														<td align="center" class="whiteb2">이용기간</td>
													</tr>
												</table></td>
											<td width="10%" bgcolor="#fc636a" class="borderlw"><table
													border="0" cellspacing="0" cellpadding="0">
													<tr>
														<td align="center" class="whiteb2">기준/예약</td>
													</tr>
												</table></td>
											<td width="13%" bgcolor="#fc636a" class="borderlw"><table
													width="100%" border="0" cellspacing="0" cellpadding="0">
													<tr>
														<td height="18" colspan="2" align="center"><table
																border="0" cellspacing="0" cellpadding="0">
																<tr>
																	<td align="center" class="whiteb2"
																		style="padding-top: 2px;">예약인원</td>
																</tr>
															</table></td>
													</tr>
													<tr>
														<td height="1" colspan="2" bgcolor="#FFFFFF"></td>
													</tr>
													<tr align="center">
														<td width="50%" height="16"><table border="0"
																cellspacing="0" cellpadding="0">
																<tr>
																	<td align="center" class="whiteb2"
																		style="padding-top: 2px;">성인</td>
																</tr>
															</table></td>
														<td width="50%" class="borderlw"><table border="0"
																cellspacing="0" cellpadding="0">
																<tr>
																	<td align="center" class="whiteb2"
																		style="padding-top: 2px;">아동</td>
																</tr>
															</table></td>
													</tr>
												</table></td>
											<td width="11%" bgcolor="#fc636a" class="borderlw"><table
													border="0" cellspacing="0" cellpadding="0">
													<tr>
														<td align="center" class="whiteb2">기본요금</td>
													</tr>
												</table></td>
											<td width="11%" bgcolor="#fc636a" class="borderlw"><table
													border="0" cellspacing="0" cellpadding="0">
													<tr>
														<td align="center" class="whiteb2">추가요금</td>
													</tr>
												</table></td>
											<td width="10%" bgcolor="#fc636a" class="borderlw"><table
													border="0" cellspacing="0" cellpadding="0">
													<tr>
														<td align="center" class="whiteb2">할인요금</td>
													</tr>
												</table></td>
											<td width="12%" bgcolor="#fc636a" class="borderlw"><table
													border="0" cellspacing="0" cellpadding="0">
													<tr>
														<td align="center" class="whiteb2">합계</td>
													</tr>
												</table></td>
										</tr>
										<tr>
											<td height="1" colspan="9" bgcolor="#FFFFFF"></td>
										</tr>
		
		
		
										<tr align="center">
		
		
		
											<td height="30" bgcolor="#fefef6" class="borderbg" rowspan="1"><table
													border="0" cellspacing="0" cellpadding="0">
													<tr>
														<td align="center" class="greenb2">T랜드</td>
													</tr>
												</table></td>
		
		
		
		
		
											<td bgcolor="#fefef6" class="borderlbg"><table
													width="100%" border="0" cellpadding="0" cellspacing="0">
													<tr>
														<td align="center" class="greenb2">13년 02월 28일</td>
													</tr>
													<tr>
														<td height="1" bgcolor="#c0c0bf"></td>
													</tr>
													<tr>
														<td align="center" class="greenb2">2013년 02월 02일</td>
													</tr>
												</table></td>
											<td bgcolor="#fefef6" class="borderlbg"><table border="0"
													cellspacing="0" cellpadding="0">
													<tr>
														<td align="center" class="greenb2">1박</td>
													</tr>
												</table></td>
											<td bgcolor="#fefef6" class="borderlbg"><table border="0"
													cellspacing="0" cellpadding="0">
													<tr>
														<td align="center" class="greenb2">2/2</td>
													</tr>
												</table></td>
											<td bgcolor="#fefef6" class="borderlbg"><table
													width="100%" border="0" cellspacing="0" cellpadding="0">
													<tr>
														<td height="30" align="center" class="greenb2">
															<!--0-->
															<table width="100%" border="0" cellspacing="0"
																cellpadding="0">
																<tr>
																	<td width="50%" height="30" align="center"><table
																			border="0" cellspacing="0" cellpadding="0">
																			<tr>
																				<td align="center" class="greenb2">2명</td>
																			</tr>
																		</table></td>
																	<td width="50%" align="center" class="borderlg"><table
																			border="0" cellspacing="0" cellpadding="0">
																			<tr>
																				<td align="center" class="greenb2">0명</td>
																			</tr>
																		</table></td>
																</tr>
															</table>
														</td>
													</tr>
												</table></td>
											<td bgcolor="#fefef6" class="borderlbg"><table border="0"
													cellspacing="0" cellpadding="0">
													<tr>
														<td align="center" class="greenb2">70,000원</td>
													</tr>
												</table></td>
											<td bgcolor="#fefef6" class="borderlbg"><table border="0"
													cellspacing="0" cellpadding="0">
													<tr>
														<td align="center" class="greenb2">0원</td>
													</tr>
												</table></td>
											<td bgcolor="#fefef6" class="borderlbg"><table border="0"
													cellspacing="0" cellpadding="0">
													<tr>
														<td align="center" class="greenb2">0원</td>
													</tr>
												</table></td>
											<td bgcolor="#fefef6" class="borderlbg"><table border="0"
													cellspacing="0" cellpadding="0">
													<tr>
														<td align="center" class="greenb2"><span
															id="total_price">70,000원</td>
													</tr>
												</table></td>
										</tr>
		
		
									</table></td>
							</tr>
						</table> <!-- 예약객실 목록 끝 --> <!-- 부가서비스 예약 --> <!-- 부가서비스 예약 끝 -->
					</td>
				</tr>
			</table>
			<!-- rtAddSvcList -->
			<table width="100%" border="0" cellspacing="0" cellpadding="0">
				<tr>
					<td>&nbsp;</td>
				</tr>
				<tr>
					<td>
					<div class="recBlue">&nbsp;</div><strong style="margin-right: 20px"> 부가서비스 선택</strong>부가서비스를 선택하시면 보다 편하고 즐겁게 캠핑을 즐기실 수 있습니다.
					</td>
				</tr>
				<tr>
					<td height="5"></td>
				</tr>
				<tr>
					<td>
						<table width="100%" border="0" cellspacing="4"
							cellpadding="1" bgcolor="#edecec">
							<tr>
								<td bgcolor="#FFFFFF">
								<table width="100%" class="addService" border="0" cellpadding="0" cellspacing="0" >
									<colgroup>
										<col width="200"  >
										<col width="100">
										<col width="80">
										<col width="*">
										<col width="300">
									</colgroup>	
									<tbody>
									<tr>
										<th>서비스명</th>
										<th>이용요금</th>
										<th>주문수</th>
										<th>펜션지기 상세설명</th>
										<th>이용고객 요구사항</th>
									</tr>
									<tr >
										<td class="bottomLine">
											<input name="" value="" type="checkbox" />
											바베큐그릴 + 숯
										</td>
										<td class="bottomLine">
										10,000원
										</td>
										<td class="bottomLine">
											<select>
												<option value="">1</option>
											</select>회
										</td>
										<td class="bottomLine">
										바베큐를 드실수 있게 숯과 그릴을 제공합니다
										</td>
										<td class="bottomLine">
										몇시쯤 준비해드릴까요?<br>
											<input name="" type="text" value="">
										</td>
									</tr>
									<tr>
										<td colspan="5" align="right">
										기본요금 33,000원 + 부가서비스 10,000원 = 결제금액 43,000원
										</td>
									</tr>
									</tbody>
								</table>
								</td>
							</tr>
						</table></td>
				</tr>
			</table>
			
			<table width="100%" border="0" cellspacing="0" cellpadding="0">
				<tr>
					<td>&nbsp;</td>
				</tr>
				<tr>
					<td>
					<div class="recBlue">&nbsp;</div><strong style="margin-right: 20px"> 예약자정보</strong>
					</td>
				</tr>
				<tr>
					<td height="5"></td>
				</tr>
				<tr>
					<td>
						<table width="100%" border="0" cellspacing="4"
							cellpadding="1" bgcolor="#edecec">
							<tr>
								<td bgcolor="#FFFFFF">
								
								<table class="tbReservation" width="100%" border="0" cellpadding="0" cellspacing="0" >
									<colgroup>
										<col width="15%">
										<col width="35%">
										<col width="15%">
										<col width="30%">
									</colgroup>	
									<tbody>
									<tr>
										<th>예약자명 <span class="calRed">*</span></th>
										<td>
											<input name="" value="" type="text"/>
											예약자 실명을 입력하세요
										</td>
										<th>차량번호 <span class="calRed">*</span></th>
										<td>
											<input name="" value="" type="text"/>
											1사이트 1차량원칙
										</td>
									</tr>
									<tr>
										<th>연락처 <span class="calRed">*</span></th>
										<td>
											<select>
												<option value="010">010</option>
											</select> -
											<input name="" value="" type="text" size="5" /> -
											<input name="" value="" type="text" size="5" />
										</td>
										<th>도착예상시간</th>
										<td>
											<input name="" value="" type="text"/>
											1사이트 1차량원칙
										</td>
									</tr>
									<tr>
										<th>이메일</th>
										<td>
											<input name="" value="" type="text"/>
											@<select>
												<option value="">선택</option>
											</select>
											
										</td>
										<th>결제방법 <span class="calRed">*</span></th>
										<td>
											<input name="" value="" type="radio"/>
										</td>
									</tr>
									<tr>
										<th>예금자명 <span class="calRed">*</span></th>
										<td>
											<select>
												<option value="010">010</option>
											</select> -
											<input name="" value="" type="text" size="5" /> -
											<input name="" value="" type="text" size="5" />
										</td>
										<th>입금은행 <span class="calRed">*</span></th>
										<td>
											<select>
												<option value="010">010</option>
											</select>
											- 예약후  12시간 이내 입금
										</td>
									</tr>
									<tr>
										<th>예약요청사항</th>
										<td colspan="3" style="padding-top:5px;">
											기타 펜션에 요청하실 사항을 입력하세요.<br>
											<textarea style="width: 80%;height: 50px"></textarea>
										</td>
									</tr>
									</tbody>
								</table>
								</td>
							</tr>
						</table></td>
				</tr>
			</table>
			
			<table width="100%" border="0" cellspacing="0" cellpadding="0">
				<tr>
					<td>&nbsp;</td>
				</tr>
				<tr>
					<td><span class="calBlue bold">※ 이용안내</span></td>
				</tr>
				<tr>
					<td><table width="100%" border="0" cellspacing="4"
							cellpadding="5" bgcolor="#edecec">
							<tr>
								<td align="center" bgcolor="#fefef6"><table width="100%"
										border="0" cellpadding="0" cellspacing="0">
										<tr>
											<td align="left" class="grayb"
												style="padding-top: 15px; padding-bottom: 15px; padding-left: 15px; padding-right: 15px;">
												보호자의 동반없는 미성년자는 예약이 불가하며, 입실이 허용되지 않습니다 <br /> <br />예약시
												신청하신 인원이외에 추가인원은 입실이 허락 되지않습니다 <br /> <br />예약후 펜션이나 객실 변경및
												날짜 변경은 해당 예약 취소후 다시 예약하셔야 하며 <br />예약 변경을 위한 취소시에도 취소 수수료가 부과
												되오니 신중하게 예약하시기 바랍니다. <br /> <br />최대인원이 2인인 커플전용룸의 경우 유아나
												아동은 동반입실이 안되십니다. <br /> <br />애완견 동반입실 불가 합니다. <br /> <br />입실기간은
												14시 이후 부터 22시까지 입실 가능하며 <br />입실 시간이 22시 이후인경우에는 사전에 꼭 연락바랍니다
												<br /> <br />퇴실시간은 마지막 이용일 오전 12시00분 이전에 퇴실하셔야합니다.
											</td>
										</tr>
									</table>
									<table width="100%" border="0" cellspacing="1" cellpadding="8"
										bgcolor="#fdb936">
										<tr>
											<td bgcolor="#FFFFFF"><table width="100%" border="0"
													cellspacing="0" cellpadding="0">
													<tr>
														<td width="55"><img src="/usr/images/res_char.gif"
															width="47" height="57"></td>
														<td><table width="100%" border="0" cellspacing="0"
																cellpadding="0">
																<tr>
																	<td align="left">-<strong> 환불규정표 (숙박일기준
																			환불%)</strong></td>
																</tr>
															</table>
															<table width="100%" border="0" cellspacing="1"
																cellpadding="5" bgcolor="#DDDDDD">
																<tr align="center" bgcolor="#f5f5f5">
																	<td>숙박당일</td>
																	<td>1일전</td>
																	<td>2일전</td>
																	<td>3일전</td>
																	<td>4일전</td>
																	<td>5일전</td>
																	<td>6일전</td>
																	<td>7일전</td>
																	<td>기본</td>
																</tr>
																<tr align="center" bgcolor="#FFFFFF">
																	<td>0%</td>
																	<td>0%</td>
																	<td>0%</td>
																	<td>50%</td>
																	<td>60%</td>
																	<td>70%</td>
																	<td>80%</td>
																	<td>90%</td>
																	<td>100%</td>
																</tr>
															</table></td>
													</tr>
												</table></td>
										</tr>
									</table>
									<table width="100%" border="0" cellspacing="0" cellpadding="0">
										<tr>
											<td>&nbsp;</td>
										</tr>
										<tr>
											<td><table border="0" cellspacing="0" cellpadding="0">
													<tr>
														<td><input type="checkbox" name="agree_ref"
															id="agree_ref"></td>
														<td class="paddtop4"><label for="agree_ref">상기의
																이용안내 및 환불규정에 동의합니다</label></td>
														<td class="redb"
															style="padding-top: 4px; padding-left: 20px;">※반드시 읽어
															보시고 예약을 진행해주세요.</td>
													</tr>
												</table></td>
										</tr>
									</table></td>
							</tr>
						</table>
		
						<table style="width: 100%;margin-top: 10px;">
							<tr>
								<td align="center" style="text-align: center;">
									<img alt="" src="./img/btn_back.gif">
									<img alt="" src="./img/btn_reservation.gif" >
								</td>
							</tr>
						</table>
					</td>
				</tr>
			</table>

		</div>
	</div>	
</body>
</html>